<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆</title>
<style>
	*{
		font-size: 14px;
	}
	
	.txt{
		width: 90%;
		border-radius: 3px;
		border: 1px #CCC solid;
		padding: 3px;
	}
	
	td{
		padding: 5px 5px 5px 10px;
	}
	
	.header{
		height: 30px;
		line-height: 30px;
		padding-left: 10px;
		font-weight: bold;
		background: #0099FF;
		border-radius: 6px 6px 0px 0px;
		color: white;
		margin-bottom: 10px;
	}
	
	.error{
		font-size:12px;
		color:red;
	}
</style>
</head>
<body>
	<div style="width: 300px; 
		height:170px;border:1px #CCC solid;
		position:absolute;left:50%;top:50%;
		margin-top:-85px;margin-left:-150px; 
		box-shadow:0px 0px 8px gray;
		border-radius: 6px;">
		<div class="header">
			欢迎登陆
		</div>
		<form action="login" method="post">
			<table width="100%" border="0">
				<tr>
					<td width="30%">账户：</td>
					<td><input class="txt" name="login_name"></td>
				</tr>
				<tr>
					<td width="30%">口令：</td>
					<td><input class="txt" type="password" name="password"></td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<input type="submit" value="登陆">
						<input type="reset" value="重置">
					</td>
				</tr>
				<tr>
					<td align="center" colspan="2" class="error">${error}</td>
				</tr>
			</table>
		</form>
	</div>
	
</body>
</html>